<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>国艺文津官网</title>
  <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="styles/common.css">
  <link rel="stylesheet" href="styles/case.css">
  <link rel="stylesheet" href="styles/animate.css">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
  <!--nav star-->
  <nav class="nav nav-wrapper">
    <div class="container none-padding-right">
      <div class="navbar-header">
        <div class="logo">
          <a href="index.html"><img id="logo" src="images/logo.png"></a>
        </div>
        <button class="navbar-toggle pull-right" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class=" navbar-collapse collapse  ul-warpper none-padding-right">
        <ul class="navbar-nav nav  nav-ul">
          <li><a class="a-wrapper" href="index.html">首页</a></li>
          <li>
            <a class="a-wrapper" href="news.html">新闻中心</a>
          </li>
          <li>
            <a class="a-wrapper" href="technica.html">产品服务</a>
          </li>
          <li class="active">
            <a class="a-wrapper" href="case.html">典型案例</a>
          </li>
          <li>
            <a class="a-wrapper" href="about.html">关于我们</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!--nav end-->
  <!--banner star-->
  <section class="banner-img">
    <img src="images/banner-3.jpg" alt="">
  </section>
  <!--banner end-->
  <!--news star-->
  <section class="case common-tab">
    <div class="container">
      <div class="col-sm-3 common-tab-left">
        <div class="common-tab-left-content">
          <div class="ctlc-top">
            <h5 class="ctlc-title">典型案例</h5>
          </div>
          <ul class="nav click-nav" id="nav">
            <!-- <li><a href="#case-1"  data-toggle="tab" class="ellipsis">文创项目</a></li>
            <li><a href="#case-2"  data-toggle="tab" class="ellipsis">熊猫项目</a></li>
            <li><a href="#case-3"  data-toggle="tab" class="ellipsis">电竞项目</a></li>
            <li><a href="#case-4"  data-toggle="tab" class="ellipsis">教育项目</a></li> -->
          </ul>
        </div>
      </div>
      <div class="col-sm-9  common-tab-right">
        <div class="common-tab-right-content">
          <div class="tab-content" id="tab-content">
            <!-- <section class="tab-pane" id="case-1">
              <h3 class="ctlc-title ellipsis">文创项目</h3>
              <p class="desc">
                电视端文创专区，通过强强联合，整合社会资源，形成以IPTV为主要载体，呈现文化创新创意内容的文创推广平台，通过线上线下互动，实现流量多样变现，形成本地特色IPTV发展的样板模式，进而服务于国家文创产业战略。充分发挥用户入户的精准和数量优势探索全新的IPTV端流量变现模式。以IPTV为主，利用传统媒体，打通线上线下结合的全新运营模式。形成高价值的文创产品品牌，展开全面互动营销。
              </p>
              <img src="images/case1.jpg" class="img-responsive case-img">
              <img src="images/case2.jpg" class="img-responsive case-img">
              <img src="images/case3.jpg" class="img-responsive case-img">
            </section>
            <section class="tab-pane" id="case-2">
              <h3 class="ctlc-title ellipsis">熊猫项目</h3>
              <p class="desc">
                聚焦特色垂直化专区：熊猫是中国独有的、备受全球各国、各个人种、各个年龄层次广泛喜爱的名片。熊猫品牌，受众较广。<br/>
                多元化产品形态：内容点播、互动直播、VR、AR、动画、文创积分商城等多种产品形态，将熊猫专区打造成标杆性业务。一站式沉浸式体验。<br/>
                一站式沉浸式体验：IP从短视频-长视频动画-互动-积分商城、点播+互动直播。<br/>
              </p>
              <img src="images/case4.jpg" class="img-responsive case-img">
              <img src="images/case5.jpg" class="img-responsive case-img">
              <img src="images/case6.jpg" class="img-responsive case-img">
              <img src="images/case7.jpg" class="img-responsive case-img">
            </section>
            <section class="tab-pane" id="case-3">
              <h3 class="ctlc-title ellipsis">电竞项目</h3>
              <img src="images/case8.jpg" class="img-responsive case-img">
              <img src="images/case9.jpg" class="img-responsive case-img">
              <img src="images/case10.jpg" class="img-responsive case-img">
              <img src="images/case11.jpg" class="img-responsive case-img">
              <img src="images/case12.jpg" class="img-responsive case-img">
            </section>
            <section class="tab-pane" id="case-4">
              <h3 class="ctlc-title ellipsis">教育项目</h3>
              <img src="images/case13.jpg" class="img-responsive case-img">
              <img src="images/case14.jpg" class="img-responsive case-img">
              <img src="images/case15.jpg" class="img-responsive case-img">
              <img src="images/case16.jpg" class="img-responsive case-img">
              <img src="images/case17.jpg" class="img-responsive case-img">
              <img src="images/case18.jpg" class="img-responsive case-img">
              <img src="images/case19.jpg" class="img-responsive case-img">
            </section> -->
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--news end-->
  <!--video star-->

  <!--video end-->
  <!--footer star-->
  <footer>
    <div class="container">
      <p class="text-center">
        <a href="/news.html">新闻中心</a>
        <a href="/technica.html">产品服务</a>
        <a href="/about.html#0">关于公司</a>
        <a href="/about.html#3">联系我们</a>
      </p>
      <p class="text-center">
        <a href="https://beian.miit.gov.cn/#/Integrated/recordQuery" target="_blank">
          备案号：鄂ICP备20008738号-1
        </a>
      </p>
      <p class="text-center">©2020 国艺文津新媒体科技(北京)有限公司版权所有</p>
    </div>
  </footer>
  <!--footer end-->

  <script src="plugins/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="plugins/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="javascripts/markdown-it.min.js"></script>
  <script src="javascripts/index.js" type="text/javascript" charset="utf-8"></script>
  <!-- <script src="javascripts/index.js" type="text/javascript" charset="utf-8"></script> -->
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <script>
    $(function () {
      new Case('cases');
    })
  </script>
</body>

</html>